<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1.5 变量</title>
</head>
<body>
<span>
    可以使用 CSS 变量避免重复相同的值。
    <pre>
        <code>
            /* 定义变量--default-color */
            element {--default-color: yellow;}

            /* 定义变量--variable-name */
            element {--variable-name: 100px;}

            /* 使用变量--default-color设置背景颜色 */
            element {background-color: var(--default-color);}

            /* 把宽度设置为100px */
            element {width: var(--variable-name);}
        </code>
    </pre>
</span>
</body>
</html>